<template>
    <div class="row home_hall">
		<div class="col-xs-12 home_hall_type" v-for="item in list" :key="item.typeid">
			<div class="row home_hall_type_title">
				<a :href="item.typeurl" class="home_hall_type_click"><i class="iconfont icon-jidian" :class="item.typeIcon"></i>{{ item.typeName }}</a>
				<span><i class="iconfont icon-jiantou-xia user_list_arrow"></i></span>
			</div>
			<div class="row home_hall_enterprise_list">
				<div class="home_enterprise_list_main col-xs-12 col-sm-6" v-for="brand in item.brands" :key="brand.barndId">
					<div class="row">
						<router-link :to="'/Exhibitors/' + brand.barndId" class="home_enterprise_list_img">
							<img :src="brand.barndImg" width="70px" height="70px" alt="">
						</router-link>
						<router-link :to="'/Exhibitors/' + brand.barndId" class="col-xs-9">
							<span>{{ brand.brandName }}</span>
						</router-link>
					</div>
				</div>
			</div>
		</div>
	</div>
</template>
<script>
export default {
    props:{
        list:Array
    }
}
</script>
<style scoped>
    .home_hall_type {
    float: left; }

    .home_hall_type_title {
    border-bottom: 1px solid #ccc;
    padding: 10px 15px; }

    .home_hall_type_title a {
    line-height: 20px;
    text-indent: 1em;
    color: #666666; }

    .home_hall_type_title a i {
    margin-right: 10px; }

    .home_hall_type_list {
    margin-left: 0px; }

    .home_hall_type_list ul {
    list-style: none; }

    .home_hall_type_list ul li img {
    float: left; }
</style>
